<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <link rel="shortcut icon" href="./favicon.ico">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/register.css">
  <link rel="stylesheet" href="css/iconfont.css" />
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_2143783_iq6z4ey5vu.css">
  <script type="text/javascript" src="./tools/jquery.min.js"></script>
  <style>
	.mi input {
	     padding: 0 10px;
	     font-size: 14px;
	     line-height: 48px;
	     border: 1px solid #e0e0e0;
	     outline: none;
	 }
	 .result-list {
	     display: none;
	     width: 160px;
				background-color: white;
				box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
	     /* border: 1px solid #ff6700;	 */
				position: absolute;
				z-index: 99999;
	 }
	 .result-list a {
	     display: block;
	     padding: 6px 15px;
	     font-size: 12px;
	     color: #424242;
	     text-decoration: none;
	
	 }
	 .result-list a:hover {
	     background-color: #eee;
	 }
  </style>
</head>

<body>
  <!-- 项部导航 -->
  <div class="xtx_topnav">
    <div class="wrapper">
      <!-- 顶部导航 -->
      <ul class="xtx_navs">
        <li>
          <a href="./login.html">请先登录</a>
        </li>
        <li>
          <a href="./register.html">免费注册</a>
        </li>
        <li>
					<a href="javascript:;">我的订单</a>
				</li>
				<li>
					<a href="javascript:;">会员中心</a>
				</li>
				<li>
					<a href="javascript:;">帮助中心</a>
				</li>
				<li>
					<a href="javascript:;">在线客服</a>
				</li>
				<li>
					<a href="javascript:;">
						<i class="mobile sprites"></i>
						手机版
					</a>
				</li>
      </ul>
    </div>
  </div>
  <!-- 头部 -->
  <div class="xtx_header">
    <div class="wrapper">
      <!-- 网站Logo -->
      <h1 class="xtx_logo"><a href="/">小兔鲜儿</a></h1>
      <!-- 主导航 -->
      <div class="xtx_navs">
        <ul class="clearfix">
          <li>
            <a href="./index.html">首页</a>
          </li>
          <li>
            <a href="recommend.html">热门推荐</a>
          </li>
          <li>
            <a href="delicacy.html">当地美食</a>
          </li>
          <li>
            <a href="travel.html">极速出行</a>
          </li>
          <li>
            <a href="hotel.html">订购酒店</a>
          </li>
          <li>
            <a href="relation.html">社区广场</a>
          </li>
        
        </ul>
      </div>
      <!-- 站内搜索 -->
      <div class="xtx_search clearfix">
        <!-- 购物车 -->
        <a href="#" class="xtx_search_cart sprites">
          <i>2</i>
        </a>
        <!-- 搜索框 -->
        <div class="xtx_search_wrapper mi">
          <input type="text" placeholder="搜一搜">
  		<ul class="result-list">
  		    <li><a href="#">xxx</a></li>
  		    <li><a href="#">xxx</a></li>
  		    <li><a href="#">xxx</a></li>
  		    <li><a href="#">xxx</a></li>
  		    <li><a href="#">xxx</a></li>
  		    <li><a href="#">xxx</a></li>
  		</ul>
        </div>
  	  
      </div>
  	<div style="margin-left: 15px;">
  		<i style="font-size: 24px;" class="iconfont icon-setting"></i>
  	</div>
    </div>
  </div>
  <!-- 注册后的提示内容 -->
  <div class="tankuang" style="position: fixed; left: 50%; margin-left: -360px; margin-top: -100px; width: 720px; border-radius: 5px; background-color: #fff; border:1px solid #ccc; display: none; z-index: 999;">
    <div id="header">
      <span style="font-size:18px; text-align: center; display:block; line-height: 50px;" id="layer_msg">123</span>
    </div>
  </div>
  <div class="xtx-wrapper">
    <div class="container">
      <!-- 卡片 -->
      <div class="xtx-card">
        <h3>新用户注册</h3>
        <form class="xtx-form">
          <div data-prop="username" class="xtx-form-item">
            <span class="iconfont icon-zhanghao"></span>
            <input name="username" type="text" placeholder="设置用户名称">
            <span class="msg"></span>
          </div>
          <div data-prop="phone" class="xtx-form-item">
            <span class="iconfont icon-shouji"></span>
            <input name="phone" type="text" placeholder="输入手机号码  ">
            <span class="msg"></span>
          </div>
          <div data-prop="code" class="xtx-form-item">
            <span class="iconfont icon-zhibiaozhushibiaozhu"></span>
            <input name="code" type="text" placeholder="请输入验证码"  id="tq2" >
            <span class="code" id="mjdf" style="background-color:green;">1111</span>
          </div>
          <div data-prop="password" class="xtx-form-item">
            <span class="iconfont icon-suo"></span>
            <input name="password" type="password" placeholder="设置6至20位字母、数字和符号组合">
            <span class="msg"></span>
          </div>
          <div data-prop="confirm" class="xtx-form-item">
            <span class="iconfont icon-suo"></span>
            <input name="confirm" type="password" placeholder="请再次输入上面密码">
            <span class="msg"></span>
          </div>
          <div class="xtx-form-item pl50">
            <i class="iconfont icon-queren"></i>
            已阅读并同意<i>《用户服务协议》</i>
          </div>
          <div class="xtx-form-item">
            <div class="submit">下一步</div>
          </div>
        </form>
      </div>
    </div>
  </div>
  <!-- 公共底部 -->
  <div class="xtx_footer clearfix">
    <div class="wrapper">
      <!-- 联系我们 -->
      <div class="contact clearfix">
        <dl>
          <dt>客户服务</dt>
          <dd class="chat">在线客服</dd>
          <dd class="feedback">问题反馈</dd>
        </dl>
        <dl>
          <dt>关注我们</dt>
          <dd class="weixin">公众号</dd>
          <dd class="weibo">微博</dd>
        </dl>
        <dl>
          <dt>下载APP</dt>
          <dd class="qrcode">
            <!-- <img src="./uploads/qrcode.jpg"> -->
          </dd>
          <dd class="download">
            <span>扫描二维码</span>
            <span>立马下载APP</span>
            <a href="javascript:;">下载页面</a>
          </dd>
        </dl>
        <dl>
          <dt>服务热线</dt>
          <dd class="hotline">
            400-0000-000
            <small>周一至周日 8:00-18:00</small>
          </dd>
        </dl>
      </div>
    </div>
    <!-- 其它 -->
    <div class="extra">
      <div class="wrapper">
        <!-- 口号 -->
        <div class="slogan">
          <a href="javascript:;" class="price">价格亲民</a>
          <a href="javascript:;" class="express">物流快捷</a>
          <a href="javascript:;" class="quality">品质新鲜</a>
        </div>
        <!-- 版权信息 -->
        <div class="copyright">
          <p>
            <a href="javascript:;">关于我们</a>
            <a href="javascript:;">帮助中心</a>
            <a href="javascript:;">售后服务</a>
            <a href="javascript:;">配送与验收</a>
            <a href="javascript:;">商务合作</a>
            <a href="javascript:;">搜索推荐</a>
            <a href="javascript:;">友情链接</a>
          </p>
          <p>CopyRight &copy; 小兔鲜儿</p>
        </div>
      </div>
    </div>
  </div>
  <script src="js/register.js"></script>
  <script>

  </script>
</body>

</html>